<template>
	<view class="bodys">
		<view class="main">
			<uni-row class="demo-uni-row">
				<uni-col :span="9">
					<view class="imgs">
						<image src="../../static/ystx.png" mode=""></image>
					</view>
				</uni-col>
				<uni-col :span="15">
					<view class="_box">
						<view class="_lebal">
							<view class="_text">
								姓名：{{data.name}}
							</view>
							<view class="_text">
								诊所：{{data.homeAddress}}
							</view>
							<view class="_text">
								账号：{{data.account}}
							</view>
						</view>

						<image src="../static/sz.png" @click="onClickSetup"></image>
					</view>
				</uni-col>
			</uni-row>
		</view>
		<view class="_rows" @click="onClickCode">
			<view>
				患者等级码
			</view>
			<image src="../static/lefTarrow.png" mode=""></image>
		</view>
	</view>
</template>

<script setup>
	const data = uni.getStorageSync('userData')
	const onClickCode = () => {
		uni.navigateTo({
			url: "/pages/user/regisCode",
		})
	}
	const onClickSetup = () => {
		uni.navigateTo({
			url: "/pages/user/settingsPage",
		})
	}
</script>

<style lang="scss">
	page {
		background-color: #f3f3f3;
	}

	.imgs {
		width: 210rpx;
		height: 210rpx;
		margin: auto;
		// background-color: #c8a063;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;

		image {
			width: 145rpx;
			height: 145rpx;
		}
	}

	.main {
		background-color: #ffffff;
		padding: 24rpx;

		._box {
			position: relative;

			._lebal {
				height: 210rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;

				._text {
					margin: 8rpx 0;
					width: 100%;
				}
			}

			image {
				position: absolute;
				right: 10rpx;
				top: 10rpx;
				width: 54rpx;
				height: 54rpx;
			}
		}
	}

	._rows {
		background-color: #ffffff;
		height: 80rpx;
		padding: 0 18rpx;
		margin-top: 24rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		image {
			width: 38rpx;
			height: 38rpx;
		}
	}
</style>